.icon-asc {
  display: inline-block;
  width: 0.16rem;
  height: 0.24rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_asc.png'), url('../images/icon_asc_dark.png'));
  .bg-mixins;
}

.icon-data {
  display: inline-block;
  width: 2.21rem;
  height: 2.1rem;
  .theme-mixins(background-image, url('../images/no_sub.png'), url('../images/no_sub_dark.png'));
  .bg-mixins;
}

.icon-desc {
  display: inline-block;
  width: 0.16rem;
  height: 0.24rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_desc.png'), url('../images/icon_desc_dark.png'));
  .bg-mixins;
}

.icon-normal {
  display: inline-block;
  width: 0.16rem;
  height: 0.24rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_normal.png'), url('../images/icon_normal_dark.png'));
  .bg-mixins;
}
.icon-tip {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;

  .theme-mixins(background-image, url('../images/icon_tip.png'), url('../images/icon_tip_dark.png'));
  .bg-mixins;
}

.icon-arrow-open {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  vertical-align: -0.04rem;
  margin-left: 0.08rem;
  .theme-mixins(background-image, url('../images/icon_arrow_open.png'), url('../images/icon_arrow_open_dark.png'));
  .bg-mixins;
}

.icon-arrow-close {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  vertical-align: -0.04rem;
  margin-left: 0.08rem;
  transform: rotate(180deg);
  .theme-mixins(background-image, url('../images/icon_arrow_open.png'), url('../images/icon_arrow_open_dark.png'));
  .bg-mixins;
}

.icon-back {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  vertical-align: -0.04rem;
  transform: rotate(180deg);
  .theme-mixins(background-image, url('../images/icon_back.png'), url('../images/icon_back.png'));
  .bg-mixins;
}

.icon-arrow-right {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_arrow_right.png'), url('../images/icon_arrow_right_dark.png'));
  .bg-mixins;
}

.icon-look-scroll {
  display: inline-block;
  width: 0.1rem;
  height: 0.17rem;
  position: absolute;
  top: 0.29rem;
  right: -0.1rem;
  background-image: url();
  .bg-mixins;
}
.calendar_icon_dark{
  display: inline-block;
  width: 0.44rem;
  height: 0.44rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/calendar_icon_light.png'), url('../images/calendar_icon_dark.png'));
  .bg-mixins;
}
.open_image{
  display: inline-block;
  width: 0.44rem;
  height: 0.34rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_list_spread@3x.png'), url('../images/icon_list_spread_dark@3x.png'));
  .bg-mixins;
}
.close_image{
  display: inline-block;
  width: 0.44rem;
  height: 0.34rem;
  vertical-align: -0.04rem;
  .theme-mixins(background-image, url('../images/icon_list_retract@3x.png'), url('../images/icon_list_retract_dark@3x.png'));
  .bg-mixins;
}
.history_success_image{
  display: inline-block;
  width: 0.44rem;
  height: 0.34rem;
  vertical-align: -0.08rem;
  .theme-mixins(background-image, url('../images/icon_arrow_right.png'), url('../images/icon_arrow_right_dark.png'));
  .bg-mixins;
}